<template>
  <div ref="fatherBox">
    <TreeNavbar
      :title="actionInfo.name"
      :search-values="search_values"
      :search-items="search_items"
      :buttons="buttons"
      :actionBtns="actionBtns"
      :hasActive="hasActive"
      @search-change="handleSearchChange"
      @click-right="onClickRight"
      :activeIds="activeIds"
    />

    <WizardForm
      :visible.sync="wizardVisible"
      :action="wizardAction"
      :actionIds="activeIds"
      @done="handleWizardDone"
    />

    <a-table
      class="bg"
      :row-selection="rowSelection"
      :columns="columns"
      :data-source="records"
      rowKey="id"
      :customRow="tableCustomRow"
      :scroll="heightS"
    >
    </a-table>
  </div>
</template>

<script>
import TreeViewMixin from '@/components/OView/treeViewMixin'

import TreeNavbar from '@/components/ONavbar/treeNavbar.vue'
import WizardForm from '@/components/OView/WizardForm.vue'

export default {
  name: 'TreeView',
  components: { TreeNavbar, WizardForm },
  mixins: [TreeViewMixin],
  props: {},

  data() {
    return {}
  },

  computed: {},

  created() {},

  mounted() {
    // console.log('mounted', this.$route.fullPath)
  },

  methods: {}
}
</script>

<style type="text/css">
.bg {
  background: white;
  /* padding: 5px; */
}
</style>
